@extends("Home.HomePublic.public")
@section("main")
<div class="main-container col1-layout">
    <div class="container">
      <div class="row">
        <div class="col-main col-sm-12 col-xs-12">
          <div class="shop-inner">
            <div class="page-title">
              <h2><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> 商品列表</font></font></h2>
            </div>
            <div class="toolbar column">
              <div class="sorter">
                <div class="short-by">
                  <label><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">排序方式：</font></font></label>
                  <select>
                    <option selected="selected"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">位置
                    </font></font></option><option><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">名称
                    </font></font></option><option><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">价钱
                    </font></font></option><option><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">尺寸
                  </font></font></option></select>
                </div>
                <div class="short-by page">
                  <label><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">节目：</font></font></label>
                  <select>
                    <option selected="selected"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">16
                    </font></font></option><option><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">20
                    </font></font></option><option><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">25
                    </font></font></option><option><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">三十
                  </font></font></option></select>
                </div>
              </div>
            </div>
            <div class="product-grid-area">
              <ul class="products-grid">
@foreach($sdata as $key => $value)

                <li class="item col-lg-3 col-md-4 col-sm-6 col-xs-6 ">
                  <div class="product-item">
                    <div class="item-inner">
                      <div class="product-thumbnail">
                        <div class="icon-sale-label sale-left"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">拍卖</font></font></div>
                        <div class="icon-new-label new-right"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">新</font></font></div>
                        <div class="pr-img-area"> <a title="Ipsums Dolors Untra" href="single_product.html">
                          <figure> <img class="first-img" src="../upload/{{$value->up_at}}/{{$value->pic}}" alt=""> <img class="hover-img" src="../upload/{{$value->up_at}}/{{$value->pic}}" alt=""></figure>
                          </a>
                          <button type="button" class="add-to-cart-mt"> <i class="fa fa-shopping-cart"></i><span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> 添加到购物车</font></font></span> </button>
                        </div>
                        <div class="pr-info-area">
                          <div class="pr-button">
                            <div class="mt-button add_to_wishlist"> <a href="wishlist.html"> <i class="fa fa-heart"></i> </a> </div>
                            <div class="mt-button add_to_compare"> <a href="compare.html"> <i class="fa fa-signal"></i> </a> </div>
                            <div class="mt-button quick-view"> <a href="quick_view.html"> <i class="fa fa-search"></i> </a> </div>
                          </div>
                        </div>
                      </div>
                      <div class="item-info">
                        <div class="info-inner">
                          <div class="item-title"> <a title="Ipsums Dolors Untra" href="single_product.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">{{$value->name}} </font></font></a> </div>
                          <div class="item-content">
                            <div class="rating"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> </div>
                            <div class="item-price">
                              <div class="price-box"> <span class="regular-price"> <span class="price"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">$ {{$value->price}}</font></font></span> </span> </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </li>
@endforeach
              </ul>
            </div>
            <div class="pagination-area ">
              <ul>

                <li><a class="active" href=""><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">1</font></font></a></li>
                <li><a href=""><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">2</font></font></a></li>
                <li><a href=""><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">3</font></font></a></li>
                <li><a href=""><i class="fa fa-angle-right"></i></a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection
@section("title","商品列表")